<!doctype html>
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body ng-controller="ctrl">
<table border="1">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>邮箱</th>
    </tr>
    <tr ng-repeat="item in result.list track by $index">
        <td>{{item.name}}</td>
        <td>{{item.age}}</td>
        <td>{{item.email}}</td>
    </tr>
</table>
<button ng-click="previous()" ng-disabled="result.isFirstPage">上一页</button>
<button ng-click="next()" ng-disabled="result.isLastPage">下一页</button>
一共{{result.total}}条数据
<script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
<script>
    const app = angular.module('app', [])
    app.controller('ctrl', function ($scope, $http) {
        $scope.param = {
            pageNo: 1,
            pageSize: 10
        }
        $scope.result = {}
        $scope.init = function () {
            $http.get(`/user?pageNo=${$scope.param.pageNo}&pageSize=${$scope.param.pageSize}`,).then(res => {
                $scope.result = res.data;
                console.log($scope.result)
            })
        }

        $scope.previous = function () {
            $scope.param.pageNo = $scope.param.pageNo - 1
            $scope.init()
        }

        $scope.next = function () {
            $scope.param.pageNo = $scope.param.pageNo + 1
            $scope.init()
        }
        $scope.init()
    })
</script>
</body>
</html>